<template>
	<view class="flex flex-direction justify-center align-center">
		<view style="font-size: 72px;font-weight: 1000;margin-top: 114px;color: #fff;">匹配成功</view>
		<view class="flex justify-center justify-around align-center"
			style="width: 400px;height: 225px;background: #FF9797;margin-top: 70px;">
			<view class="cu-avatar xl round " :style="'background-image: url(' + my.avatarUrl + ');'">
				<view class="cu-tag badge light	 bg-blue">发起者</view>
				<view class="avatarname">{{ my.nickName }}</view>
			</view>
			<view class="text-xxl text-white text-bold">VS</view>
			<view class="cu-avatar xl round " :style="'background-image: url(' + orther.avatar + ');'">
				<view class="cu-tag badge light	 bg-blue">随机者</view>
				<view class="avatarname">{{ orther.nickname }}</view>
			</view>
		</view>

		<view class="flex justify-center align-center text-xl text-bold text-white"
			style="width: 100%; position: fixed;bottom: 30px;left: 0px;">
			请稍等......
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			my: {},
			ortherobj: {},
			orther: {},
			type: '',
		}
	},
	onLoad(options) {
		this.my = JSON.parse(options.my)
		this.ortherobj = JSON.parse(options.orther)
		this.orther = this.ortherobj.data.rival
		this.type = options.type
		setTimeout(() => {
			// this.$openrul()
			uni.reLaunch({ url: '/pages/pkQuestionBank/questionBankAnswer/index?my=' + options.my + '&orther=' + options.orther + '&match_type=' + this.type })
		}, 1500);
	},
	methods: {

	}
}
</script>


<style>
.avatarname {
	font-size: 15px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: -30px;
}

page {
	background-image: url('');
	background-size: cover;
}
</style>
